body{font: 12px/1.5 "microsoft yahei"; color: #3d3d3d; background:#fff;}
*{ margin: 0; padding: 0; box-sizing: border-box;}
ul,li{list-style: none;}
a{color:#3d3d3d; text-decoration: none;}
a:hover{color:#4486e0;}
img{border: none;}
.clear{ clear: both;}

/*新闻图片轮播样式*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:16px;height:16px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:600px; height:420px; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle {width:600px; height:16px; position:absolute; bottom:0; z-index:10}
#playBox .smalltitle ul{ width:80px; margin:0 auto;}
#playBox .smalltitle ul li{ cursor: pointer; width:14px; height:14px; margin:0 5px; border-radius:10px; border:1px solid #bfbfbf; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec; border: none; width:16px; height: 16px;}
/*/新闻图片轮播样式*/

.top{ box-shadow: 0 2px 2px #f5f5f5;}
.head{ width: 1200px; margin: 0 auto; height: 80px; position: relative;}
.head img{ margin-top: 25px;}
.head ul{position: absolute; right: 0; top: 0; overflow: hidden; height: 14px; line-height: 14px; margin-top: 33px;}
.head ul li{ color: #666; float: left; padding:0 10px; border-left: 1px solid #808080;}
.head ul li:first-child{ border: none;}

.main{ width: 1200px;  margin: 0 auto; overflow: hidden; padding: 100px 60px;}
.runpic{ float: left; width: 600px; height: 420px;}
.loginbox{ float: right;  width: 358px; height: 420px; border-radius: 5px; box-shadow: 0 0 6px #ccc; background: url(../../images/login/boxbg.png) no-repeat 0 bottom;}
.loginbox h4{ height: 60px; line-height: 60px; padding: 0 40px; font-size: 22px; font-weight: normal; color: #33a3f4; text-shadow:2px 2px 2px #ccc; border-bottom: 1px solid #eee;}
.formbox{ padding: 6px 40px 0 40px;}
.inputbox{position: relative;}
.inputbox input{ display: block; width: 280px; height: 40px; color: #b7b7b7; font-size: 16px; font-family: "微软雅黑"; border: 1px solid #eee; 
border-radius: 3px; margin-top: 24px; padding:0 0 0 50px;}
.inputbox input{ box-shadow: 0 1px 2px #eee;}
.inputbox input:first-child{ background: url(../../images/login/user.png) no-repeat 10px center; padding-right:3px ;}
.inputbox input:last-child{ background: url(../../images/login/psword.png) no-repeat 10px center; padding-right: 39px;}
.inputbox i{ width: 20px; height: 20px; background: url(../../images/login/eye.png) no-repeat center; position: absolute; right: 10px; bottom: 10px;}
.statebox{ margin: 18px 0; font-size: 16px; overflow: hidden;}
.statebox input{float: left; margin-top: 7px;}
.statebox span{float: left; margin-left: 5px; color: #535c5a; color: #999;}
.statebox a{ float: right; color: #999;}
.statebox a:hover{color:#4486e0;}
.formbox button{ width: 280px; height: 40px; border-radius: 4px; background: #33a3f4; border: none; font-size: 16px; font-weight: 900; color: #fff; font-family: "微软雅黑"; cursor: pointer;}
.formbox button:hover{ background: #2894e2;}
.thirdpa h3{ font-size: 16px; font-weight: normal; color: #999; text-align: center; margin: 16px 0; background: url(../../images/login/line1.png) no-repeat center;}
.thirdpa ul{ overflow: hidden; padding:0 40px;}
.thirdpa ul li{ float: left; width: 50%; position: relative; height: 58px;}
.thirdpa ul li a{ position: absolute; bottom:0; left: 25px; transition: bottom 0.2s ease;}
.thirdpa ul li a:hover{ bottom: 3px;}

.foot{background: url(../../images/login/bg.png) no-repeat; width: 100%; height: 90px; text-align: center; position: absolute; bottom: 0; padding-top: 50px;}
.error {
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-100px;
    margin-top:-50px;
    width:200px;
    height:100px;
    border-radius:20px;
    opacity:0.5;
    box-shadow:2px 2px 2px gray ;
    background:#eee;
}







